<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<link rel="shortcut icon" href="http://lion.ufile.ucloud.com.cn/event_share/4PQAzbalvtm6Ot4Y.ico" />
		<link rel="stylesheet" href="static/css/zui.min.css" />
		<link rel="stylesheet" href="static/css/datetimepicker.min.css" />
		<link rel="stylesheet" href="static/css/zui.datatable.css" />
		<link rel="stylesheet" href="static/css/chosen.min.css" />
		<title>JAVA - LION - CMS 简易后台</title>
	</head>

	<body>
		<!-- header -->
		<div class="col-md-12" style="height:80px; background:#2b4053; color: #ffffff; border:0px solid red;margin-bottom:10px;">
			<div class="col-md-9" style="font-size:20px; font-weight:bold; padding-top: 20px;">JAVA - LION - CMS 简易后台</div>
			<div class="pull-right">
				<p>欢迎任辉哈哈哈</p>
				<a class="btn-danger" href="">退出登录 <i class="icon icon-forward"></i></a>
			</div>
		</div>
		<div class="col-md-12">
			<!-- nav -->
			<section>
				<div class="col-md-2" style="border:0px red solid ">
					<article>
						<div class="example" contenteditable="false">
							<nav class="menu" data-toggle="menu">
								<ul class="nav nav-primary">
									<li>
										<a href="javascript:;"><i class="icon-th"></i> Lion 简易后台</a>
									</li>
									<li class="active show nav-parent">
										<a href="javascript:;" th:inline="text"><i class="icon-plus"></i>分享管理</a>
										<ul class="nav">
											<li class="active">
												<a href="share-add.html"><i class="icon-circle-blank"></i><span>添加分享</span></a>
											</li>
											<li class="">
												<a href="new_user_task.html"><i class="icon-circle-blank"></i><span>新手任务</span></a>
											</li>
										</ul>
									</li>
								</ul>
							</nav>
						</div>
					</article>
				</div>
			</section>
			<section>
				<div class="col-md-10">
					<ol class="breadcrumb">
						<li>
							<a>添加分享</a>
						</li>
						<li class="active">
							<a>分享管理</a>
						</li>
					</ol>
					<hr>
					<!-- 编辑内容 -->
					<form class="form-horizontal">
						<div class="form-group">
							<label class="col-xs-2">
								<p class="text-left">标题</p>	
							</label>
							<div class="col-xs-6">
								<input type="text" class="form-control" />
							</div>
						</div>

						<div class="form-group">
							<label class="col-xs-2">
								<p class="text-left">开始时间</p>	
							</label>
							<div class="col-xs-2">
								<input type="text" class="form-control form-datetime" readonly="readonly" />
							</div>

							<label class="col-xs-2">
								<p class="text-center">结束时间</p>	
							</label>
							<div class="col-xs-2">
								<input type="text" class="form-control form-datetime" readonly="readonly" />
							</div>
						</div>

						<div class="form-group activity-type">
							<label class="col-xs-2">
								<p class="text-left">类型</p>	
							</label>
							<div class="radio-inline col-xs-2">
								<label>
									<input type="radio" name="type" value="1"/>房间活动
								</label>
							</div>
							<div class="radio-inline col-xs-2">
								<label>
									<input type="radio" name="type" value="2"/>全局房间活动
								</label>
							</div>
							<div class="radio-inline col-xs-2">
								<label>
									<input type="radio" name="type" value="3"/>广告分享活动
								</label>
							</div>
							<div class="radio-inline col-xs-2">
								<label>
									<input type="radio" name="type" value="4"/>模板活动
								</label>
							</div>
						</div>

						<div class="form-group room-activity">
							<label class="col-xs-2">
								<p class="text-left">关联房间</p>
							</label>
							<div class="col-xs-6">
								<textarea type="text" class="form-control" rows="5"></textarea>
							</div>
							<div class="col-xs-2">
								<label>
									<p class="text-left" style="color: red;">支持多房间号输入， 英文逗号隔开</p>
								</label>
							</div>
						</div>

						<div class="form-group ad-share-activity">
							<label class="col-xs-2">
								<p class="text-left">入口URL</p>
							</label>
							<div class="col-xs-6">
								<input type="text" class="form-control" />
							</div>
						</div>

						<div class="form-group ad-share-activity">
							<label class="col-xs-2">
								<p class="text-left">分享URL</p>
							</label>
							<div class="col-xs-6">
								<input type="text" class="form-control" />
							</div>
						</div>

						<div class="form-group  template-activity">
							<label class="col-xs-2">
								<p class="text-left">模板类型</p>
							</label>
							<div class="radio-inline col-xs-1">
								<label>
									<input type="radio" name="template-activity-type" checked="checked"/>分享活动
								</label>
							</div>
							<div class="radio-inline col-xs-1">
								<label>
									<input type="radio" name="template-activity-type"/>普通活动
								</label>
							</div>
						</div>

						<div class="form-group template-activity">
							<label class="col-xs-2">
								<p class="text-left">活动页按钮</p>
							</label>
							<label class="col-xs-2">
								<p class="text-left">分享按键</p>
							</label>
							<div class="col-xs-1">
								<img src="http://zui.sexy/docs/img/img1.jpg" width="100px" height="100px" class="img-rounded">
							</div>
						</div>

						<div class="form-group template-activity">
							<label class="col-xs-2">
							</label>
							<label class="col-xs-2">
								<p class="text-left">进入直播间按键(选填)</p>
							</label>
							<div class="col-xs-1">
								<img src="http://zui.sexy/docs/img/img1.jpg" width="100px" height="100px" class="img-rounded">
							</div>
							<div class="col-xs-1">
								<input type="text" class="form-control" placeholder="房间号" />
							</div>
						</div>

						<div class="form-group template-activity">
							<label class="col-xs-2">
								<p class="text-left">分享页按钮</p>
							</label>
							<label class="col-xs-2">
								<p class="text-left">下载按键</p>
							</label>
							<div class="col-xs-1">
								<img src="http://zui.sexy/docs/img/img1.jpg" width="100px" height="100px" class="img-rounded">
							</div>
						</div>

						<div class="form-group template-activity">
							<label class="col-xs-2">
							</label>
							<label class="col-xs-2">
								<p class="text-left">进入直播间按键(选填)</p>
							</label>
							<div class="col-xs-1">
								<img src="http://zui.sexy/docs/img/img1.jpg" width="100px" height="100px" class="img-rounded">
							</div>
							<div class="col-xs-1">
								<input type="text" class="form-control" placeholder="房间号" />
							</div>
						</div>

						<div class="form-group template-activity">
							<label class="col-xs-2">
								<p class="text-left">头部图片(app)</p>
							</label>
							<div class="col-xs-1">
								<img src="http://zui.sexy/docs/img/img1.jpg" width="100px" height="100px" class="img-rounded">
							</div>
						</div>

						<div class="form-group template-activity">
							<label class="col-xs-2">
								<p class="text-left">头部图片(分享)</p>
							</label>
							<div class="col-xs-1">
								<img src="http://zui.sexy/docs/img/img1.jpg" width="100px" height="100px" class="img-rounded">
							</div>
						</div>

						<div class="form-group template-activity">
							<label class="col-xs-2">
								<p class="text-left">活动介绍图片(app)</p>
							</label>
							<div class="col-xs-1">
								<img src="http://zui.sexy/docs/img/img1.jpg" width="100px" height="100px" class="img-rounded">
							</div>
						</div>

						<div class="form-group template-activity">
							<label class="col-xs-2">
								<p class="text-left">活动介绍图片(分享)</p>
							</label>
							<div class="col-xs-1">
								<img src="http://zui.sexy/docs/img/img1.jpg" width="100px" height="100px" class="img-rounded">
							</div>
						</div>

						<div class="form-group template-activity">
							<label class="col-xs-2">
								<p class="text-left">入口URL</p>
							</label>
							<div class="col-xs-6">
								<input type="text" class="form-control" />
							</div>
						</div>

						<div class="form-group template-activity">
							<label class="col-xs-2">
								<p class="text-left">分享URL</p>
							</label>
							<div class="col-xs-6">
								<input type="text" class="form-control" />
							</div>
						</div>

						<hr>

						<section class="new-user-reward-section">
							<div class="form-group">
								<label class="col-xs-2">
									<p class="text-left">新用户注册奖励</p>
								</label>
								<div class="col-xs-1">
									<button type="button" class="btn btn-primary btn-block new-user-reward-add-btn">添加</button>
								</div>
							</div>
						</section>

						<hr>

						<section class="old-user-reward-section">
							<div class="form-group">
								<label class="col-xs-2">
									<p class="text-left">老用户注册奖励</p>
								</label>
								<div class="col-xs-1">
									<button type="button" class="btn btn-primary btn-block old-user-reward-add-btn">添加</button>
								</div>
							</div>
						</section>

						<hr>

						<section class="old-user-standard-reward-section">
							<div class="form-group">
								<label class="col-xs-2">
									<p class="text-left">老用户注册达标奖励</p>
								</label>
								<div class="col-xs-1">
									<button type="button" class="btn btn-primary btn-block old-user-standard-reward-add-btn">添加</button>
								</div>
							</div>
							<div class="form-group">
								<div class="col-xs-1">
									<select class="form-control old-user-standard-reward-select">
										<option value="1" selected="">狮毛</option>
										<option value="2">狮牙</option>
										<option value="3">VIP特权</option>
										<option value="4">抽奖</option>
									</select>
								</div>
								<label class="col-xs-1">
									<p class="text-center old-user-standard-reward-1 old-user-standard-reward-2">金额</p>
									<p class="text-center old-user-standard-reward-3">天数</p>
									<p class="text-center old-user-standard-reward-4">次数</p>
								</label>
								<div class="col-xs-1">
									<input class="form-control" type="number" min="0" />
								</div>
								<label class="col-xs-1">
									<p class="text-center old-user-standard-reward-3">类型</p>
									<p class="text-center old-user-standard-reward-4">方案</p>
								</label>
								<div class="col-xs-1">
									<input type="text" class="form-control modal-chose-solution old-user-standard-reward-4" id="newUserRewardindex+'" readonly="readonly" placeholder="点击选择方案" value="" />
									<select class="form-control old-user-standard-reward-3">
										<option selected="">白银</option>
										<option>黄金</option>
										<option>铂金</option>
									</select>
								</div>
								<label class="col-xs-1">
									<p class="text-center">条件（新用户需完成）</p>
								</label>
								<div class="col-xs-1">
									<input type="text" class="form-control modal-chose-solution old-user-standard-reward-4" id="newUserRewardindex+'" readonly="readonly" placeholder="点击选择方案" value="" />
								</div>
								<label class="col-xs-1">
									<p class="text-center">达标次数</p>
								</label>
								<div class="col-xs-1">
									<input type="number" class="form-control" min="0" />
								</div>
								<div class="col-xs-1">
									<input type="checkbox" />多次达标
								</div>
								<div class="col-xs-1">
									<input type="button" class="btn btn-danger btn-block btn-delete" value="删除"></input>
								</div>
								<div class="col-xs-1">
									<button class="btn btn-primary btn-block">保存</button>
								</div>
							</div>
							<div class="form-group">
								<div class="col-xs-1">
									<select class="form-control old-user-standard-reward-select">
										<option value="1" selected="">狮毛</option>
										<option value="2">狮牙</option>
										<option value="3">VIP特权</option>
										<option value="4">抽奖</option>
									</select>
								</div>
								<label class="col-xs-1">
									<p class="text-center old-user-standard-reward-1 old-user-standard-reward-2">金额</p>
									<p class="text-center old-user-standard-reward-3">天数</p>
									<p class="text-center old-user-standard-reward-4">次数</p>
								</label>
								<div class="col-xs-1">
									<input class="form-control" type="number" min="0" />
								</div>
								<label class="col-xs-1">
									<p class="text-center old-user-standard-reward-3">类型</p>
									<p class="text-center old-user-standard-reward-4">方案</p>
								</label>
								<div class="col-xs-1">
									<input type="text" class="form-control modal-chose-solution old-user-standard-reward-4" id="newUserRewardindex+'" readonly="readonly" placeholder="点击选择方案" value="" />
									<select class="form-control old-user-standard-reward-3">
										<option selected="">白银</option>
										<option>黄金</option>
										<option>铂金</option>
									</select>
								</div>
								<label class="col-xs-1">
									<p class="text-center">达标次数</p>
								</label>
								<div class="col-xs-1">
									<input type="number" class="form-control" min="0" />
								</div>
								<div class="col-xs-1">
									<input type="checkbox" />多次达标
								</div>
								<div class="col-xs-1">
									<input type="button" class="btn btn-danger btn-block btn-delete" value="删除"></input>
								</div>
								<div class="col-xs-1">
									<button class="btn btn-primary btn-block">保存</button>
								</div>
							</div>
						</section>

						<hr>

						<div class="form-group">
							<label class="col-xs-2">
								<p class="text-left">附加推送信息</p>
							</label>
						</div>
						<div class="form-group">
							<div class="col-xs-1">
							</div>
							<div class="col-xs-1">
								<label>
									<p class="text-center">新用户</p>
								</label>
							</div>
							<div class="col-xs-1">
								<div class="radio">
									<input type="radio" name="newUser" checked="" />是
								</div>
							</div>
							<div class="col-xs-1">
								<div class="radio">
									<input type="radio" name="newUser" />否
								</div>
							</div>
							<div class="col-xs-2">
								<input type="text" class="form-control" />
							</div>
							<label class="col-xs-1">
								<p class="text-center">跳转地址</p>
							</label>
							<div class="col-xs-2">
								<input type="text" class="form-control" />
							</div>
							<div class="col-xs-1">
								<button class="btn btn-primary btn-block">保存</button>
							</div>
						</div>
						<div class="form-group">
							<div class="col-xs-1">
							</div>
							<div class="col-xs-1">
								<label>
									<p class="text-center">老用户</p>
								</label>
							</div>
							<div class="col-xs-1">
								<div class="radio">
									<input type="radio" name="oldUser" checked="" />是
								</div>
							</div>
							<div class="col-xs-1">
								<div class="radio">
									<input type="radio" name="oldUser" />否
								</div>
							</div>
							<div class="col-xs-2">
								<input type="text" class="form-control" />
							</div>
							<label class="col-xs-1">
								<p class="text-center">跳转地址</p>
							</label>
							<div class="col-xs-2">
								<input type="text" class="form-control" />
							</div>
							<div class="col-xs-1">
								<button class="btn btn-primary btn-block">保存</button>
							</div>
						</div>

						<hr>

						<div class="form-group">
							<label class="col-xs-2">
								<p class="text-left">推广方案</p>
							</label>
							<div class="col-xs-2">
								<input type="text" class="form-control modal-chose-solution" id="promotioScheme" readonly="readonly" placeholder="点击选择方案" />
							</div>
						</div>

						<div class="form-group">
							<label class="col-xs-2">
								<p class="text-left">是否开启</p>
							</label>
							<div class="radio">
								<div class="col-xs-1">
									<input type="radio" name="enable" checked="" />开启
								</div>
								<div class="col-xs-1">
									<input type="radio" name="enable" />关闭
								</div>
							</div>
						</div>
						<div class="form-group room-activity overall-room-activity">
							<label class="col-xs-2">
								<p class="text-left">弹窗图片</p>
							</label>
							<div class="col-xs-1">
								<img src="http://zui.sexy/docs/img/img1.jpg" width="100px" height="100px" class="img-rounded" alt="圆角图片">
							</div>
						</div>
						<div class="form-group">
							<label class="col-xs-2">
								<p class="text-left">分享logo</p>
							</label>
							<div class="col-xs-1">
								<img src="http://zui.sexy/docs/img/img1.jpg" width="100px" height="100px" class="img-rounded" alt="圆角图片">
							</div>
						</div>
						<div class="form-group">
							<label class="col-xs-2">
								<p class="text-left">分享标题</p>
							</label>
							<div class="col-xs-2">
								<input type="text" class="form-control" maxlength="15" />
							</div>
							<div class="col-xs-2">
								<label>
									<p class="text-left" style="color: red;">分享标题不要超过15个汉字</p>
								</label>
							</div>
						</div>
						<div class="form-group">
							<label class="col-xs-2">
								<p class="text-left">分享描述</p>
							</label>
							<div class="col-xs-7">
								<textarea class="form-control" rows="7"></textarea>
							</div>
						</div>

						<div class="form-group">
							<label class="col-xs-2">
								<p class="text-left"></p>
							</label>
							<div class="col-xs-1">
								<button class="btn btn-primary btn-block">添加</button>
							</div>
						</div>

					</form>
				</div>
			</section>
		</div>
	</body>
	<script type="text/javascript" src="static/js/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="static/js/zui.min.js"></script>
	<script type="text/javascript" src="static/js/datetimepicker.min.js"></script>
	<script type="text/javascript" src="static/js/zui.datatable.js"></script>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.4.0/bootbox.min.js"></script>
	<script type="text/javascript" src="static/js/chosen.min.js"></script>
	<script type="text/javascript" src="static/js/pagination.js"></script>
	<script type="text/javascript" src="static/js/modal-chose-table.js"></script>
	<script type="text/javascript" src="static/js/share-add.js"></script>

</html>